/**
 * Created by Administrator on 2017/11/27.
 */
$(function () {
    var upImgHost = window.location.host;
    $("#upimg").click(function () {
        $('#thumb_img').trigger('click');
        AjaxUpFile('thumb_img','thumb_img_post','save_thumb_path',"http://"+upImgHost+"/adminxcx/admin.php?m=Admin&c=Upimg&a=add",'progress_id');
    });
    $("#upbanner").click(function () {

       $('#banner').trigger('click');
       AjaxUpFile('banner','banner','save_banner_path',"http://"+upImgHost+"/adminxcx/admin.php?m=Admin&c=Upimg&a=banner",'progress_id');
     });
    $("#upTarImg").click(function () {
        $("#tar_img").trigger('click');
        AjaxUpFile('tar_img','tar_img_post','save_thumb_path',"http://"+upImgHost+"/adminxcx/admin.php?m=Admin&c=Upimg&a=tar","progress_id")
    })
    /*
     * @param input_file_id_name        :input框type为file类型的id值
     * @param file_name                 :input框type为file类型的name值
     * @param server_file_name_class    :储存服务器文件名称的input框type为hidden的class值
     * @param php_address               :发送到哪个php页面
     * @param file_progress_id          :文件上传进度显示%,必须是传入id值
     * */
    function AjaxUpFile(input_file_id_name,file_name,server_file_name_class,php_address,file_progress_id) {
        //上传文件
        $("#"+input_file_id_name).change(function () {

            //初始化表单数据
            var formData = new FormData();
            //添加文件数据
            formData.append(file_name,$('#'+input_file_id_name)[0].files[0]);
            //用于php的post获取到隐藏上传到服务器的文件名，如果值不为空则说明是第二次上传
            formData.append('server_file_name',$("."+server_file_name_class).val());
            //用于php获取$_FILES二维数组KeyName，
            formData.append('file_name',file_name);
            //发送数据到php页面
            $.ajax({
                url:php_address,
                type:'POST',
                data:formData,
                // 告诉jQuery不要去处理发送的数据
                processData: false,
                // 告诉jQuery不要去设置Content-Type请求头
                contentType: false,
                //获取原生的ajax对象,获取文件上传进度，只能使用原生对象获取.
                xhr:function () {
                    //获取ajax原生对象
                    var xhr=$.ajaxSettings.xhr();
                    //获取上传进度
                    xhr.upload.onprogress=function (e) {
                        //如果文件大小是动态生成的是不可计算，所以先判断是否能计算。
                        if(e.lengthComputable){
                            //e.loaded 已经上传多少
                            //e.total  文件总大小
                            //percent 上传进度
                            var percent=parseInt(e.loaded/e.total*100)+'%';
                            document.getElementById(file_progress_id).innerText=percent;
                        }
                    }
                    return xhr;
                },
                success:function (data) {
                    var obj=JSON.parse(data);
                    if(obj.code=='1'){
                      var img_url=obj.data;
                      $('#imges_src').remove();
                      $("#save_thumb_path").val(obj.data);
                      $('#src1').css('display','none');
                      $("#show_img").append("<img src='' id='imges_src' style='width: 100px;height: 100px'>");
                      $("#imges_src").attr('src',img_url);
                    }
//                    else if(obj.code=='0'){
//                       alert(obj.msg);
//                    }
                }
            })
        })
    }

    // /*获取上传处理文件的php绝对地址*/
    // var php_address='http://'+window.location.host+'/mobile/upfilepage.php';
    //
    // /*上传封面图片*/
    // AjaxUpFile('upload_file','upload_file','upload_file_name',php_address,'upimg_proress_id');


})